define(['template','request' , 'jquery'], ( template,request) => {
  class Header {
    constructor () {
      this.load().then(() => {
        // 执行加载成功之后的逻辑
        this.search()
        this.getTabs()
   
      })
    }

    // 加载头部html
    load () {
      return new Promise(resolve => {
        // 加载成功之后resolve
        $('header').load('/html/modules/header.html', resolve)
      })
    }
    getTabs () {
      // 调用request模块的方法，完成数据请求
      request.getTabs().then(resp => {
        // console.log(resp)
        // 根据数据渲染导航
        if (resp.code === 200) {
          let { list } = resp.data
          list = list.slice(1, 8)
          const id = window.location.hash.slice(1)
          $('#tabList').html(template('tabsTemplate', { list, id }))
        }
      })
    }






    // 完成搜索功能
    search () {
      this.$input = $('#input_search')
      this.$input.on('keyup', () => {
        console.log(this.$input.val())
    
      })
    }

  }
  return new Header()
});